<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:mj="http://mojarra.dev.java.net/mojarra_ext">

<h:head>
	<title>Baas TSI2</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="description" content="Proyecto de baas 2013" />
	<meta name="author" content="TSI214" />

	<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}
</style>


	<!-- Bootstrap -->
	<link href="resources/css/bootstrap-responsive.css" rel="stylesheet" />
	<link href="resources/css/bootstrap.css" rel="stylesheet"
		media="screen" />
	<link href="resources/css/newStyles.css" rel="stylesheet" />
	<!-- Fav and touch icons -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144"
		href="resources/ico/apple-touch-icon-144-precomposed.png" />
	<link rel="apple-touch-icon-precomposed" sizes="114x114"
		href="resources/ico/apple-touch-icon-114-precomposed.png" />
	<link rel="apple-touch-icon-precomposed" sizes="72x72"
		href="resources/ico/apple-touch-icon-72-precomposed.png" />
	<link rel="apple-touch-icon-precomposed"
		href="resources/ico/apple-touch-icon-57-precomposed.png" />
	<link rel="shortcut icon" href="resources/ico/favicon.png" />
	<script src="http://code.jquery.com/jquery.js"></script>
	<!-- 	<script src="resources/js/bootstrap.js"></script> -->
	<script src="resources/js/limpiar.js"></script>
</h:head>
<body>
	<div>
		<div class="container" style="width: 180px !important">
			<h:form class="form-horizontal" id="appForm">
				<fieldset>
					<label style="font-weight: bold !important">Alta Aplicacion</label>
					<div>
						<div class="alert-danger">
							<strong> <h:message for="nombreA" showDetail="false"
									showSummary="true" />
							</strong>
						</div>
						<label for="inputEmail">Nombre </label>
						<div>
							<h:inputText class="span3" id="nombreA" type="text"
								value="#{appBean.nombre}" placeholder="Ingrese un nick"
								autocomplete="off"
								style="height: 30px !important; width: 180px !important; margin-bottom : 5px !important"
								required="true" requiredMessage="debe ingresar un nombre" />

						</div>
					</div>
					<div>
						<label for="inputEmail">Descripción</label>
						<div>
							<h:inputTextarea class="span3" id="descripcionA" type="text"
								value="#{appBean.descripcion}" placeholder="Ingrese su apellido"
								autocomplete="off"
								style="width: 180px !important; margin-bottom : 5px !important"
								required="true" requiredMessage="debe ingresar una descripción" />

						</div>
					</div>
					<div>
						<div>
							<h:commandButton value="Agregar"
								action="#{appBean.altaAplicacion()}" class="btn btn-primary" />
						</div>
					</div>
				</fieldset>
			</h:form>
		</div>
	</div>
</body>

</html>
